<html>
<body>
<style>
    #a:hover {color : red;}
    #a:hover > .x:first-child{color : orange;}    
    #a:hover > .x{color : yellow;}  
    #a:hover + #b{color : green;}
    #a:hover + #b > .x{color : blue;}
</style>
<div id='a'>元素a
  <div class="x">元素x,第一个x</div>
  <div class="x">元素x,默认x</div>
</div>
<div id='b'>元素c,a后面的b
  <div class="x">元素a，后面的b，里面的x</div>
</div>
</body>
</html>